<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />-->
    <title>jQuery Starterkit</title>

    <link rel="stylesheet" type="text/css" media="screen" href="Content/screen.css" />
    <script src="Scripts/jquery-1.8.2.js"></script>
    <script src="Scripts/jquery.tablesorter.js"></script>
    <script src="Scripts/custom.js"></script>

    <script>

        function square(x) {
            return x * x;
        }
        var result = square(5);

        //Checkbox Plugin
        jQuery.fn.check = function (mode) {
            // if mode is undefined, use 'on' as default
            var mode = mode || 'on';

            return this.each(function () {
                switch (mode) {
                    case 'on':
                        this.checked = true;
                        break;
                    case 'off':
                        this.checked = false;
                        break;
                    case 'toggle':
                        this.checked = !this.checked;
                        break;
                }
            });
        };

        $(":checkbox").check('off');

        

    </script>

</head>
<body>
    <h1>jQuery Starterkit</h1>
    <h2>This page contains code to test the examples. Most of it is only relevant for a example.</h2>



    <div class="stuff">
        <a id="first" href="#">Some link</a>
        <a name="top" href="#bottom">Go to bottom</a>

        

        <div class="buttons">
            <button>First button</button>
            <button>Second button</button>
        </div>

        <ol id="orderedlist">
            <li>First element</li>
            <li>Second element</li>
            <li>Third element</li>
        </ol>

        <ol id="orderedlist2">
            <li>First element, second list</li>
            <li>Second element, second list</li>
            <li>Third element, second list</li>
            <li>Li with child ul
			<ul>
                <li>Child One</li>
                <li>child two</li>
            </ul>
            </li>
        </ol>

        <div id="rating">Container</div>

        <a id="reset" href="#">Reset!</a>

        <form>
            Form 1
		<input value="XXX" />
            <input value="YYY"/>
        </form>

        <form>
            Form 2
		<input type="checkbox" />
        <input type="checkbox" checked="checked" />
         
        </form>

        <h3>Bird FAQ - click the questions to show the answers</h3>
        <dl id="faq">
            <dt>What shouldn't I do to the bird?</dt>
            <dd>Never use oils or lotions which contain oils on your bird. They gunk up the feathers,
		and ruin their insulating properties. This means a chilled bird. Never wait out a cat bite--those
		require immediate veterinary attention--a bird can die within two days because a cat's mouth is so
		filthy and full of bacteria. Don't bother with over-the-counter medication. It really doesn't work,
		and in some cases, may upset the delicate bacterial balance in the bird's body, or even worsen the
		situation. Never try to treat a fracture at home.</dd>

            <dt>My bird is healthy. I don't need to go to a vet, do I?</dt>
            <dd>Schedule a "well-bird" checkup. Prevention is the best medicine. Even though the bird might appear outwardly healthy, it may have a low-grade infection or something not so readily apparent. Your bird's health and your peace of mind will be worth it.</dd>

            <dt>My bird's leg is being rubbed raw by the leg band. Can I take it off?</dt>
            <dd>No. Don't attempt this, especially if the leg is broken or swollen. The vet will be able
		to remove the band, and deal with whatever injury maybe lurking under the banded area.</dd>

        </dl>

        <div>
            <p>Standard html table</p>
        <table id="my_table" border="0">
            <thead>
                <tr>
                    <th>Email</th>
                    <th>Id</th>
                    <th>Phone</th>
                    <th>Total</th>
                    <th>Ip</th>
                    <th>Url</th>
                    <th>Time</th>
                    <th>ISO Date</th>
                    <th>UK Date</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>devo@flexomat.com</td>
                    <td>66672</td>
                    <td>941-964-8535</td>
                    <td>$2482.79</td>
                    <td>172.78.200.124</td>

                    <td>http://gmail.com</td>

                    <td>15:10</td>
                    <td>1988/12/14</td>
                    <td>14/12/1988</td>
                </tr>

                <tr>
                    <td>henry@mountdev.net</td>

                    <td>35889</td>
                    <td>941-964-9543</td>
                    <td>$2776.09</td>
                    <td>119.232.182.142</td>
                    <td>http://www.gmail.com</td>
                    <td>3:54</td>

                    <td>1974/1/19</td>
                    <td>19/1/1974</td>
                </tr>

                <tr>
                    <td>christian@reno.gov</td>
                    <td>60021</td>

                    <td>941-964-5617</td>

                    <td>$2743.41</td>
                    <td>167.209.64.181</td>
                    <td>http://www.dotnet.ca</td>
                    <td>10:58</td>
                    <td>2000/3/25</td>

                    <td>25/3/2000</td>

                </tr>

                <tr>
                    <td>muffins@donuts.com</td>
                    <td>17927</td>
                    <td>941-964-9511</td>

                    <td>$2998.18</td>
                    <td>210.214.231.182</td>

                    <td>http://google.se</td>
                    <td>21:22</td>
                    <td>1993/1/24</td>
                    <td>24/1/1993</td>

                </tr>

                <tr>
                    <td>muffins@reno.gov</td>

                    <td>76375</td>
                    <td>941-964-2757</td>
                    <td>$1836.09</td>

                    <td>220.222.93.171</td>
                    <td>http://www.samba.org</td>
                    <td>15:22</td>

                    <td>1988/4/4</td>
                    <td>4/4/1988</td>
                </tr>

            </tbody>
        </table>

        </div>

        <div>
            <a href="http://tablesorter.com/docs">jquery.tablesorter demo</a>
        <table id="mytablesorter" class="tablesorter"> 
        <thead> 
        <tr> 
            <th>Last Name</th> 
            <th>First Name</th> 
            <th>Email</th> 
            <th>Due</th> 
            <th>Web Site</th> 
        </tr> 
        </thead> 
        <tbody> 
        <tr> 
            <td>Smith</td> 
            <td>John</td> 
            <td>jsmith@gmail.com</td> 
            <td>$50.00</td> 
            <td>http://www.jsmith.com</td> 
        </tr> 
        <tr> 
            <td>Bach</td> 
            <td>Frank</td> 
            <td>fbach@yahoo.com</td> 
            <td>$50.00</td> 
            <td>http://www.frank.com</td> 
        </tr> 
        <tr> 
            <td>Doe</td> 
            <td>Jason</td> 
            <td>jdoe@hotmail.com</td> 
            <td>$100.00</td> 
            <td>http://www.jdoe.com</td> 
        </tr> 
        <tr> 
            <td>Conway</td> 
            <td>Tim</td> 
            <td>tconway@earthlink.net</td> 
            <td>$50.00</td> 
            <td>http://www.timconway.com</td> 
        </tr> 
        </tbody> 
</table> 
        </div>



        <a name="bottom" href="#top">Go to top</a>
    </div>

</body>
</html>
